

section,header{
    font-size: .14rem;
}

/*header*/
header{
    position: relative;
    /*height: 1.8rem;*/
}

header .banner{
    width: 100%;
}

header .banner>img{
    display: block;
    width: 100%;
    height: 1.8rem;
}

header>a{
    display: block;
    width: .3rem;
    height: .3rem;
    position: absolute;
    top: .18rem;
    left: .06rem;
    background-color: rgba(150,150,150,0.2);
    border-radius: 50%;
}

header>a img{
    display: block;
    width: .3rem;
    height: .3rem;
}

/*section*/
section .explain{
    text-align: center;
    background: #fff;
    border-bottom: .1rem solid #f3f3f3;
    padding-bottom: .18rem;
}

/*section .explain h3{
    font-size: .16rem;
    line-height: .3rem;
    height: 0.2rem;
}*/

section .explain p{
    margin: 0 auto;
    color: #666;
    line-height: .28rem;
    padding-top: .11rem;
}

section .list{
    background: #fff;
    padding-left: .12rem;
    padding-top: .12rem;
    box-sizing: border-box;
}

section .list li{
    display: block;
    float: left;
    width: 1.56rem;
    padding-bottom: .1rem;
    margin: 0 .12rem .12rem 0;
}

section .list li a{
    display: block;
    text-align: center;
    font-size: .14rem;
    line-height: .24rem;
}

section .list li a img{
    display: block;
    width: 1.56rem;
    height: 1.56rem;
    margin: 0 auto;
}

section .list li a b{
    display: block;
    line-height: .3rem;
    height: .3rem;
    background: #ddd;
}

section .list li .time-limit{
    display: block; 
    color: #ff6238; 
    font-weight: 700;  
}
section .list li .original{
    color: #b1b1b1;
    position: relative;
}
section .list li .original:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #b1b1b1;
    left: 0;
    top: 50%;
}